<!doctype html>
<html lang="en">
  <head>
    <%= htmlWebpackPlugin.options.tags.head %>
    <!-- 页面css -->
    <link rel="stylesheet" href="./css/follow.css" />
  </head>

  <body>
    <div class="page">
      <header class="page-header page-header-primary">
        <div class="page-header-nav transparent">
          <div class="header-nav-left mine-open">
            <img class="user-photo" src="./images/user_photo.png" alt="" srcset="" />
          </div>
          <div class="header-nav-title">
            <h2 class="flex-1 font-size-big font-weight-bold text-align-center">inballbeat</h2>
          </div>
          <div class="header-nav-right">
            <a class="tag-primary margin-right-5" href="followEdit.html">Edit</a>
          </div>
        </div>
        <%= htmlWebpackPlugin.options.tags.tabNav %>
      </header>
      <!-- 内容主体 -->
      <main class="page-main">
        <!-- 未关注，去关注 -->
        <!-- <div class="full-height justify-center align-center">
          <a class="btn-color-primary" href="followAdd.html">Follow Now</a>
        </div> -->

        <!-- 关注列表 -->
        <div class="container margin-top-10">
          <div class="bg-regular radius-base margin-bottom-10 padding-10 flex align-center top-match">
            <div class="flex-1 width-0 flex-column align-center">
              <a href="matchDetail.html">
                <img class="match-team-logo" src="./images/logo.ico" alt="" srcset="" />
              </a>
              <a class="full-width text-align-center text-ellipsis" href="matchDetail.html">Inter</a>
            </div>
            <div class="flex-column align-center">
              <div class="text-color-regular">European Cup</div>
              <time class="font-size-small text-color-secondary">03-19 19:35</time>
            </div>
            <div class="flex-1 width-0 flex-column align-center">
              <a href="matchDetail.html">
                <img class="match-team-logo" src="./images/logo.ico" alt="" srcset="" />
              </a>
              <a class="full-width text-align-center text-ellipsis" href="matchDetail.html">Chelsea</a>
            </div>
          </div>

          <!-- 关注列表 -->
          <div class="margin-bottom-10 flex-column flex-gap-10"><%= htmlWebpackPlugin.options.tags.news %></div>
        </div>
      </main>

      <!-- 页面底部tabBar -->
      <footer class="page-footer"><%= htmlWebpackPlugin.options.tags.tabBar %></footer>

      <%= htmlWebpackPlugin.options.tags.mine %>
    </div>

    <%= htmlWebpackPlugin.options.tags.foot %>
  </body>
</html>
